<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
    <title>缴费测试</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <!-- load css -->
    <link rel="stylesheet" th:href="@{/css/font.css}" />
    <link rel="stylesheet" th:href="@{/css/xadmin.css}" />
    <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/js/xadmin.js}"></script>
</head>
<body>
    <div class="x-body">
        <form class="layui-form">
         <div class="layui-form-item">
              <label for="account" class="layui-form-label">
                  <span class="x-red"></span>缴费户号
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="account" name="account" required="" lay-verify="required"
                  autocomplete="off" class="layui-input" placeholder="请输入手机号">
              </div>
          </div>
          <div class="layui-form-item">
              <label for="type" class="layui-form-label">
                  <span class="x-red"></span>充值类型
              </label>
              <div class="layui-input-inline">
              	<select id="type" name="type" lay-verify="required">
	              <option  value="1" >住宅</option>
	              <option  value="2" >店铺</option>
	              <option  value="3" >企事业</option>
	            </select>
              </div>
          </div>
          <div class="layui-form-item">
              <label for="area" class="layui-form-label">
                  <span class="x-red"></span>地区
              </label>
              <div class="layui-input-inline">
              	<select id="area" name="area" lay-verify="required">
	              	<option  value="北京" >北京</option>
					<option  value="天津" >天津</option>
					<option  value="辽宁" >辽宁</option>
					<option  value="江苏" >江苏</option>
					<option  value="浙江" >浙江</option>
					<option  value="山东" >山东</option>
					<option  value="湖南" >湖南</option>
					<option  value="陕西" >陕西</option>
					<option  value="冀北" >冀北</option>
					<option  value="新疆" >新疆</option>
					<option  value="宁夏" >宁夏</option>
					<option  value="安徽" >安徽</option>
					<option  value="重庆" >重庆</option>
					<option  value="福建" >福建</option>
					<option  value="河南" >河南</option>
					<option  value="青海" >青海</option>
					<option  value="湖北" >湖北</option>
					<option  value="蒙东" >蒙东</option>
					<option  value="黑龙江" >黑龙江</option>
					<option  value="吉林" >吉林</option>
					<option  value="上海" >上海</option>
					<option  value="甘肃" >甘肃</option>
					<option  value="山西" >山西</option>
					<option  value="四川" >四川</option>
					<option  value="江西" >江西</option>
					<option  value="河北" >河北</option>
	            </select>
              </div>
          </div>
          <div class="layui-form-item">
              <label for="amount" class="layui-form-label">
                  <span class="x-red"></span>充值金额
              </label>
              <div class="layui-input-inline">
                 <input type="text" class="layui-input" placeholder="请输入金额" id="amount" name="amount" required="" lay-verify="number"/>
              </div>
          </div>
          <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
              </label>
              <button  class="layui-btn" lay-filter="add" lay-submit="">
                 	 发起充值
              </button>
          </div>
      </form>
    </div>
    <script>
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
          var form = layui.form
          ,layer = layui.layer;
        
          //监听提交
          form.on('submit(add)', function(data){
        	  $.post('[[@{/admin/chargeAccount/testCharge.html}]]',data.field,function(data)
        	          {
        	      			layer.msg(data.msg);
        	          })
        	 return false;
          });
        });
    </script>
  </body>
</html>
